<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="btnclick()" ondblclick="btndblclick()">单击/双击</button>
    
</body>
<script>

    var clickTimer = null;
    var time = 200;//这里的值为毫秒，200毫秒
    function btnclick(e){
        clearTimeout(clickTimer);//清除第一个事件（放上面的原因：第一个事件为空，直接跳过）
        clickTimer = setTimeout(()=>{
            alert('2班')
        },time);//计算200毫秒内连续点击的次数
    }
    function btndblclick(e){
        clearTimeout(clickTimer);
        alert('4班');
    }
</script>
</html>